<template>
  <div class="flex gap-5px items-center">
    <el-icon class="color-red text-[16px]"><Warning /></el-icon>
    <span class="color-999">
      <template v-if="title">{{ title }}</template>
      <slot v-else></slot>
    </span>
  </div>
</template>

<script lang="ts" setup>
defineOptions({ name: 'Tip' })
defineProps<{
  title?: string
}>()
</script>

<style scoped lang="scss"></style>
